<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Nueva Cancelacion</title>
        <link href="<%=request.getContextPath()%>/css/style.css" rel="stylesheet" type="text/css" media="screen">
    </head>
    <body>
        <f:view>
            <%@ include file="/barra.jsp" %>
            <table width="100%" border="0">
                <tr>
                    <td width="21%" align="left" valign="top">
                        <!-- Divisor del Contenido Principal -->
                        <div id="siteName"> </div>
                        <div id="content"> 
                            <div class="feature">
                                <jsp:directive.include file="/welcomeJSF.jsp" />
                            </div> 
                        </div> 
                        <!-- Fin del Contenido Principal -->
                    </td>
                    <td width="79%" align="left" valign="top">                   
                        <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
                        <h1>Nueva Cancelacion</h1>

                        <h:form>
                            <u style="color: blue">
                                <h:outputText styleClass="label" value=" Datos de la Reserva Realizada "/>
                            </u>
                            <h:panelGrid columns="2" frame="box">
                                <h:outputText styleClass="label" value="Identificador del Solicitante:"/>
                                <h:outputText value="#{CancelacionController.cancelacion.idReserva.idSolicitudReserva.idSolicitante.idUsuario} " />
                                <h:outputText styleClass="label" value="Solicitante:"/>
                                <h:outputText value="#{CancelacionController.cancelacion.idReserva.idSolicitudReserva.idSolicitante.idDatosPersonales.apellidos}, #{CancelacionController.cancelacion.idReserva.idSolicitudReserva.idSolicitante.idDatosPersonales.nombres}" />
                                <h:outputText styleClass="label" value="Fecha de Aprobacion de Reserva:"/>
                                <h:outputText value="#{CancelacionController.cancelacion.idReserva.fechaInicio}">
                                    <f:convertDateTime type="DATE" pattern="dd/MM/yyyy" />
                                </h:outputText>
                                <h:outputText styleClass="label" value="Recurso Reservado:"/>
                                <h:outputText value="id=#{CancelacionController.cancelacion.idReserva.idRecurso}"/>
                            </h:panelGrid>
                        </h:form>
                        
                        <h:form>
                            <u style="color: blue">
                                <h:outputText styleClass="label" value=" Datos de la Operación de Reserva "/>
                            </u>
                            <h:panelGrid columns="2" frame="box">
                                <h:outputText styleClass="label" value="Id Cancelacion:"/>
                                <h:inputText disabled="true" id="idCancelacionx" value="#{CancelacionController.cancelacion.idCancelacion}" title="IdCancelacion" required="true" requiredMessage="The idCancelacion field es requerido." />
                                <h:outputText styleClass="label" value="Fecha de Cancelacion (dd/MM/yyyy):"/>
                                <h:inputText readonly="true" id="fechaCancelacionx" value="#{CancelacionController.cancelacion.fechaCancelacion}" title="FechaCancelacion" required="true" requiredMessage="The fechaCancelacion field es requerido." >
                                    <f:convertDateTime type="DATE" pattern="dd/MM/yyyy" />
                                </h:inputText>
                                <h:outputText styleClass="label" value="Hora de Cancelacion (HH:mm):"/>
                                <h:inputText readonly="true" id="horaCancelacionx" value="#{CancelacionController.cancelacion.horaCancelacion}" title="HoraCancelacion" required="true" requiredMessage="The horaCancelacion field es requerido." >
                                    <f:convertDateTime type="TIME" pattern="HH:mm" />
                                </h:inputText>
                                <h:outputText styleClass="label" value="Observacion:"/>
                                <h:inputTextarea id="observacion" value="#{CancelacionController.cancelacion.observacion}" title="Observacion" required="true" requiredMessage="Debe establecer una Observación para una Cancelación" />
                            </h:panelGrid>
                            <br />
                            <h:commandLink styleClass="boton" action="#{CancelacionController.create}" value="[Confirmar]" />
                            <br />
                        </h:form>
                    </td>
                </tr>    
            </table>
            <%@ include file="/footer.jsp" %>
        </f:view>
    </body>
</html>
